<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>触发作业</title>
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"/>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="./bootstrap/js/bootstrap.js"></script>
    <style>
        #headingOne,#collapseOne,#headingTwo,#headingThree,#collapseTwo,#collapseThree{
            border: 1px solid darkkhaki;
            margin: 20px 60px 20px 60px;
            background-color: #fffabd;

        }
    </style>

</head>
<body>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
            <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    ef1
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
            <div class="panel-body">
            <p>dcmdlcl</p>
                <p>dkmckdmd,x</p>
                <p>dl,ckdmckdmkc</p>
                <p>dledekm</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingTwo">
            <h4 class="panel-title">
                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                  ef2
                </a>
            </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
            <div class="panel-body">
               <p>kfrem</p>
                <p>flfddfll</p>
                <p>cdckifmvkm</p>
                <p>kcmkmkmc</p>
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingThree">
            <h4 class="panel-title">
                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    ef3
                </a>
            </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
            <div class="panel-body">
                <p>mldmvkdfimd</p>
                <p>mdkmefk</p>
                <p>xkdfkemfkm</p>
                <p>dmekfmkjem</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>